<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
  <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>小程序商店</title>
		<meta name="Keywords" content="微信开发,微信支付,微信demo,demo下载">
		<meta name="description" content="微信开发">
		<!--iconfont 字体图标-->
		<jsp:include page="iconfont/iconfont.jsp" flush="true"/>
		<!--css,js-->
		<jsp:include page="common/common_head.jsp"></jsp:include>
		<style>
			*{margin:0;padding:0;}
			body{background: #f7fafc;}
			h2{font-size:20px;padding: 10px 0;}
			#xcx-box{margin-top: 100px;}
			.x-b{width:800px;background:#fff;text-align:center;margin:0 auto;}
		</style>
	<body>
	<div class="canvas_box">
		<canvas id="Mycanvas"></canvas>
	</div>
	<script type="text/javascript" src="<c:url value='/resources/js/canvas_bg.js'/>"></script>
	<!-- 共用头部 -->
	<jsp:include page="common/common.jsp"></jsp:include>
	
	<div id="xcx-box">
		<div class="x-b" v-for="i in list">
			<p>
				<div class="x-appname">{{i.appName}}</div>
				<div class="x-logo">
					<img width="64" height="64" alt="" src="{{i.logo}}">
				</div>
				<div class="x-qrcode">
					<img width="120" alt="" src="{{i.qrcode}}">
				</div>
				<!-- <div class="x-introduce">
					<img width="140" alt="" src="{{i.qrcode}}">
					<img width="140" alt="" src="{{i.qrcode}}">
					<img width="140" alt="" src="{{i.qrcode}}">
				</div> -->
				<div class="x-introduce">{{i.introduce}}</div>
			</p>
			
		</div>
	</div>
	
	
	
	
	
	
	
	<div class="footer">@Tony</div>
	</body>
		
	<script type="text/javascript">
	var v = new Vue({
		el: '#xcx-box',
		data:{
			list:[],
			contentImg:[]
		},
		methods:{
			
		},
		ready:function(){
			 $.ajax({
				type:'get',
				url:"<c:url value='/xcx/findAll'/>",
				success:function(d){
					v.list=d;
				},
				error:function(e){
					console.log("e="+e);
				}
			}) 
		}
	});
	</script>
</body>
</html>
